<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form method="POST" enctype="multipart/form-data">
      <input type="search" placeholder="请输入关键字" />
      <br />
      年龄: <input type="number" min="18" step="2" max="60" name="age" id="" />
      <br />
      项目进度: <input type="range" name="process" value="80" /> <br />
      日期: <input type="date" /><input type="month" /><input
        type="time"
      /><input type="week" /><input type="datetime-local" /> <br />
      主题: <input type="color" name="" id="" /> <br />
      邮箱: <input type="email" name="" id="" /> <br />
      手机号码: <input type="tel" name="" id="" /> <br />
      个人主页: <input type="url" name="" id="" /> <br />
      头像:
      <input
        type="file"
        name=""
        id=""
        accept="image/gif,image/jpeg,image/png"
      />
      <br />
      曾经住址:
      <select name="address" id="" multiple>
        <option value="NJ">南京</option>
        <option value="BJ">北京</option>
        <option value="SH">上海</option>
      </select>
      <br />
      籍贯:
      <select name="address2">
        <optgroup label="安徽省">
          <option value="HF">合肥</option>
          <option value="WH">芜湖</option>
          <option value="SZ">宿州</option>
        </optgroup>
        <optgroup label="江苏省">
          <option value="NJ">南京</option>
          <option value="SZ">苏州</option>
        </optgroup>
      </select>
      <br />
      用户名: <input type="text" name="name" placeholder="请输入用户名" />
      <br />
      水果: <input type="text" name="fruit" list="fruitList" /> <br />
      密码: <input type="password" name="" id="" /> <br />
      <button formaction="user/login" formmethod="POST">登录</button>
      <button formaction="user/reg" formmethod="GET">注册</button>
    </form>
    <datalist id="fruitList">
      <option value="苹果">苹果</option>
      <option value="香蕉">香蕉</option>
    </datalist>
  </body>
</html>
